.main{
    width: 100%;
    height: 100%;
    .flex{
        display: flex;
        align-items: center;
        text-align: center;
    }
    .head-user{
        // display: flex;
        // justify-content: space-around;
    }
}

// .ant-layout{
//  height: 100%;
// }
.changeClass{
//  background: -webkit-linear-gradient(left top, red , blue)!important; /* Safari 5.1 - 6.0 */

// background: -o-linear-gradient(bottom right, red, blue)!important; /* Opera 11.1 - 12.0 */

// background: -moz-linear-gradient(bottom right, red, blue)!important; /* Firefox 3.6 - 15 */

background: linear-gradient(to bottom right, #0ccda3 , #c1fcd3)!important; /* 标准的语法 */
// background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet)!important; /* 标准的语法 */
  // background-color: rgb(200, 200, 169) !important;
  margin:0 !important;
}
#components-layout-demo-custom-trigger .trigger {
    padding: 0 24px;
    font-size: 18px;
    line-height: 64px;
    cursor: pointer;
    transition: color 0.3s;
  }
  
  #components-layout-demo-custom-trigger .trigger:hover {
    color: #1890ff;
  }
  
  #components-layout-demo-custom-trigger .logo {
    height: 32px;
    margin: 16px;
    background: rgb(156, 58, 58);
  }
  
  .site-layout .site-layout-background {
    background: #fff;
  }